<template>
	<div class="footer">
		<a class="flex" href="javascript:void(0);">
			<div class="svgBox">
				<film></film>
			</div>
			<span>电影</span>
		</a>
		<a class="flex" href="javascript:void(0);">
			<div class="svgBox">
				<cinema></cinema>
			</div>
			<span>影院</span>
		</a>
		<a class="flex" href="javascript:void(0);">
			<div class="svgBox">
				<my></my>
			</div>	
			<span>我的</span>
		</a>
	</div>
</template>

<script>
import film from '@/svg/film.svg'
import cinema from '@/svg/cinema.svg'
import my from '@/svg/my.svg'

export default {
	name: 'indexFooter',
	components:{
		film,
		cinema,
		my
	},
	props: {
	   msg: String
	}
}
</script>

<style lang="scss">
	@import "../scss/common";
	.footer{
		width: 100%;
		height: r(86px);
		border-top: r(1px) solid #DDDDDD;
		padding: r(9px) r(0px) r(6px) r(0px);
		a{
			display: inline-block;
			width:33.3%;
			height: 100%;
			font-size: r(24px);
			text-decoration: none;
			color: #666;
			text-align: center;
			flex-direction: column;
		}
	}
</style>